<template>
    <div class="waterFallBox" style="margin-top:-60px;">
        <i class="iconfont icon-num-five bgNum"></i>
        <div class="waterfall">
        <div class="list">
            <div class="item">
                <img src="@/assets/img/imga.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgb.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgc.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgf.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgd.jpg">
                <p>1 convallis times tafawe  fawef awefamp</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imge.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgg.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgh.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgi.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgj.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgk.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imga.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgb.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgc.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgf.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgd.jpg">
                <p>1 convallis times tafawe  fawef awefamp</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imge.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgg.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imga.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgb.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgc.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgf.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgd.jpg">
                <p>1 convallis times tafawe  fawef awefamp</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imge.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgg.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgh.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgi.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgj.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgk.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgh.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgi.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgj.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           <div class="item">
                <img src="@/assets/img/imgk.jpg">
                <p>afa awe lkjaifowan njfn opnwfj ioiolhbhjg ajfl dsnalnn jioawfbhkjl fjdkk</p>
           </div>
           
        </div>
    </div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
            }
        },
        created(){
        },
        methods:{
        }
    }
</script>
<style lang="scss">
    .waterFallBox{
        width: calc(100% - 400px);
        margin-left:250px;
    }
</style>